<template>
    <div>
        <div class="tenantry-manage"  v-if="propForm.lessorType!=0 ">
            <div class="card-box" >
                <div  style="font-size: 40px;margin-left:50px; padding-top: 10px">{{propForm.lessorName}} &nbsp;
                    <img src="./image/logo_qy.png" width="40" height="40">
                </div>
                <div class="card-title">基础信息</div>
                <el-form class="form-wrap" size="small">
                    <!--第一行数据-->
                    <el-form-item label="证件类型"  class="col-one">
                    </el-form-item>
                    <el-form-item  class="col-two">
                        <span>{{certificateTypeMean}}</span>
                    </el-form-item>
                    <!--第二行数据.. 类推 -->
                    <el-form-item label="证件号码"  class="col-one">
                    </el-form-item>
                    <el-form-item  class="col-two">
                        <span>{{propForm.certificateNum}}</span>
                    </el-form-item>

                    <el-form-item label="通讯地址"  class="col-one">
                    </el-form-item>
                    <el-form-item  class="col-two">
                        <span>{{propForm.address}}</span>
                    </el-form-item>
                    <el-form-item label="创建人"  class="col-one">
                    </el-form-item>
                    <el-form-item  class="col-two">
                        <span>{{propForm.createName}}</span>
                    </el-form-item>
                    <el-form-item label="创建时间"  class="col-one">
                    </el-form-item>
                    <el-form-item  class="col-two">
                        <span>{{propForm.createTime}}</span>
                    </el-form-item>
                    <el-form-item label="备注"  class="col-one">
                    </el-form-item>
                    <el-form-item  class="col-two">
                        <span>{{propForm.remarks}}</span>
                    </el-form-item>

                </el-form>
            </div>
        </div>
        <div class="tenantry-manage"v-else="propForm.lessorType==0 ">
            <div class="card-box">
                <div  style="font-size: 40px;margin-left:50px; padding-top: 10px">{{propForm.lessorName}} &nbsp;
                    <img src="./image/logo_gr.png" width="40" height="40">
                </div>
                <div class="card-title">基础信息</div>
                <el-form class="form-wrap" size="small">
                    <el-form-item label="身份证号"  class="col-one">
                    </el-form-item>
                    <el-form-item  class="col-two">
                        <span>{{propForm.certificateNum}}</span>
                    </el-form-item>

                    <el-form-item label="通讯地址"  class="col-one">
                    </el-form-item>
                    <el-form-item  class="col-two">
                        <span>{{propForm.address}}</span>
                    </el-form-item>


                    <el-form-item label="备注"  class="col-one">
                    </el-form-item>
                    <el-form-item  class="col-two">
                        <span>{{propForm.remarks}}</span>
                    </el-form-item>

                </el-form>
            </div>
        </div>
        <div class="tenantry-manage">
            <div class="card-title">联系人</div>
            <div v-if="propForm.lessorType==0 " class="card-box">
                <el-table
                    :data="linkInfo"
                    style="width: 100%"
                    :header-cell-style="{'text-align':'center' }"
                    :row-style="{height:'35px'}"
                    :cell-style="{'text-align':'center', 'height':'22px'}">
                    <el-table-column
                        type="index"
                        label="序号"
                        width="180">
                    </el-table-column>
                    <el-table-column
                        prop="name"
                        label="姓名"
                        width="180">
                    </el-table-column>
                    <el-table-column
                        prop="phone"
                        label="手机号"
                        width="180">
                    </el-table-column>
                    <el-table-column
                        prop="remarks"
                        label="备注">
                    </el-table-column>
                </el-table>
            </div>
            <div v-if="propForm.lessorType!=0 " class="card-box">
                <el-table
                    :data="linkInfo"
                    style="width: 100%"
                    :header-cell-style="{'text-align':'center' }"
                    :row-style="{height:'35px'}"
                    :cell-style="{'text-align':'center', 'height':'22px'}">
                    <el-table-column
                        type="index"
                        label="序号"
                        width="180">
                    </el-table-column>
                    <el-table-column
                        prop="name"
                        label="姓名"
                        width="180">
                    </el-table-column>
                    <el-table-column
                        prop="phone"
                        label="手机号"
                        width="180">
                    </el-table-column>

                    <el-table-column
                        prop="departmentName"
                        label="部门">
                    </el-table-column>
                    <el-table-column
                        prop="position"
                        label="职务">
                    </el-table-column>
                    <el-table-column
                        prop="remarks"
                        label="备注">
                    </el-table-column>
                </el-table>
            </div>

        </div>
        <div class="tenantry-manage">
            <div class="card-box">
                <div class="card-title">附件</div>
                <v-upload type="file"
                              ref="lesseeUpload"
                              :busId="busId"
                              :modelType="modelType"
                              :isShowFileList="true"
                              :isView="true">
                </v-upload>
            </div>
        </div>
        <div class="tenantry-manage">
            <div class="card-box">
                <el-tabs v-model="activeName" type="card" >
                    <el-tab-pane label="合同信息" name="first">
                        <contractInfoRent :pid="lessorId"></contractInfoRent>
                    </el-tab-pane>
                    <el-tab-pane label="缴费记录" name="second">
                       <paymentrecord :pid="lessorId"></paymentrecord>
                    </el-tab-pane>
             <!--       <el-tab-pane label="欠款记录" name="three">
                        <debt-record :pid="lessorId"></debt-record>
                    </el-tab-pane>
                    <el-tab-pane label="物业考核记录" name="four">
                      <approveRecord :pid="lessorId"></approveRecord>
                    </el-tab-pane>-->
                </el-tabs>
            </div>
        </div>
    </div>
</template>

<script src="./js/look.js">
</script>

<style scoped  lang="scss">
    @import "./scss/edit";
</style>
